<template functional>
  <a-sub-menu :key="props.item.id">
    <span slot="title"><span>{{props.item.title}}</span></span>
    <template v-for="ite of props.item.children">
      <Sub v-if="ite.children" :item="ite" :key="ite.id" />
      <a-menu-item v-if="!ite.children" :key="ite.id"><span>{{ite.title}}</span></a-menu-item>
    </template>
  </a-sub-menu>
</template>

<script>
export default {
  name: 'Sub'
}
</script>

<style  lang='stylus' scoped>

</style>
